﻿<!DOCTYPE HTML>
<html>
<head>
<title>崇文金城</title>
<meta http-equiv="Content-Type" content="text/html; chatset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link href="style.css" rel="stylesheet" type="text/css">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>

<body>
<link type="text/css" rel="stylesheet" href="./act/datetimepicker.css">
<script type="text/javascript" src="./act/datetimepicker.js"></script>
<script type="text/javascript">
	$(function(){
		$('.datepicker').each(function(){
			$(this).datetimepicker({
				format: "yyyy-mm-dd",
				minView: "2",
				pickerPosition: "top-right",
				autoclose: true
			});
            });
        $('.datetimepicker').addClass('hidden');
        $('.datetimepicker').css({"position":"absolute","background-color":"#fff","border":"1px solid #bbbbbb"});
        $("#datepicker").focus(function(){
            $('.datetimepicker').removeClass('hidden');
        });
        //$("#datepicker").blur(function(){
        //    $('.datetimepicker').addClass('hidden');
        //});
	});
</script>

	<div class="header xlkm-title">
		<img class="logo" src="img/0004_logo.png">
	</div>
	<div class="content xlkm-content footer-fix">
		<div class="scene">
			<img class="scene-pic" src="img/0003_scene.jpg">
			<img class="scene-pic hidden" src="img/0003_scene.jpg">
			<img class="scene-pic hidden" src="img/0003_scene.jpg">
		</div>
		<div class="hudong">
			<div class="logo"></div>
			<div class="hd-ctx-out top">
				<div class="hd-ctx top">
					<p class="ctx-name">项目老总签售团</p>
					<p class="ctx-main">报名优惠 3万抵6万</p>
					<p class="ctx-other">转发领取小鹿开门礼品券</p>
				</div>
			</div>
			<div class="hd-ctx-out f2" style="margin-right:2%">
				<div class="hd-ctx f2" id="book">
					<div class="line1">
						<img src="img/building.png">
						<span>报名</span>
					</div>
					<div class="line2"></div>
				</div>
			</div>
			<div class="hd-ctx-out f2">
                <div class="hd-ctx f2" id="share">
					<div class="line1">
						<img src="img/building.png">
						<span>转发</span>
					</div>
					<div class="line2"></div>
				</div>
			</div>
		</div>
    </div>
    <div class="xlkm-book hidden">
        <div class="book-bg"></div>
        <div class="book-main">
        <div class="book-title">
            <div class="book-head"></div>
            <div class="book-exit"></div>
        </div>
        <div class="book-ctx">
            <input type="TEXT" class="txt" id="name" placeholder="联系人">
            <input type="TEXT" class="txt" id="phone" placeholder="手机号码">
            <input type="TEXT" class="txt datepicker" id="datepicker" placeholder="看房日期" readonly="readonly">
            <div class="book-hint">请认真填写表单以便及时与您联系</div>
            <input type="BUTTON" class="submit" id='send' value="提交">
        </div>
        </div>
    </div>
    <div class="xlkm-share hidden">
        <div clsss="share-btn">
            <div class="bdsharebuttonbox" data-tag="share_1">
	<a class="btn-item" data-cmd="weixin" href="#" style="background-image:url('img/share/friend.png');"></a>
	<a class="btn_item" data-cmd="tsina" style="background-image:url('img/share/sina.png');"></a>
	<a class="btn_item" data-cmd="tieba" style="background-image:url('img/share/tieba.png');"></a>
    <a class="btn_item" data-cmd="renren" style="background-image:url('img/share/renren.png');"></a>
            </div>
            <div class="btn-name">
                <a>朋友圈</a>
                <a>微博</a>
                <a>百度贴吧</a>
                <a>人人</a>
            </div>
            <div class="bdsharebuttonbox" data-tag="share_2">
	<a class="btn_item" data-cmd="sqq" style="background-image:url('img/share/qq.png');"></a>
    <a class="btn_item" data-cmd="douban" style="background-image:url('img/share/douban.png');"></a>
    <a class="btn-item" href="sms:15295588281?body=小鹿开门" style="background-image:url('img/share/message.png');"></a>
    <a class="btn_item" data-cmd="copy" style="background-image:url('img/share/copy.png');"></a>
            </div>
            <div class="btn-name">
                <a>QQ好友</a>
                <a>豆瓣</a>
                <a>短信</a>
                <a>复制网址</a>
            </div>
        </div>
        <div class="cancel">取 消</div>
    </div>
	<div class="footer xlkm-menu shadow-top">
		<a class="f4 btn intro-btn" href="show2.html"></a>
		<a class="f4 btn map-btn" href='showmap.html'></a>
		<a class="f4 btn news-btn" href='act.html'></a>
		<a class="f4 btn favor-btn" href='more2.html'></a>
    </div>
<script>
	window._bd_share_config = {
		common : {
			bdText : "【崇文金城】- 欢迎莅临 \n联系电话: 0519-82660333",	
			bdDesc : '小鹿开门',	
			bdUrl : window.location.href, 	
            bdPic : "http://img.app.aimapp.net/upload/5354e069721b83e10c8b45ec/images/c0a67c43a28d202d62aee481aadcadce.jpg",
            bdMini: 3
		},
		share : [{
            "bdSize" : 32
            //"bdCustomStyle":"style.css"
		}]//,
	}
	with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
</script>

<!--<script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
        <script type="text/javascript" id="bdshell_js"></script>
        <script type="text/javascript">document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);</script>-->
</body>
<script>
    /*$('#datepicker').datetimepicker({
        lang:'ch',
	    timepicker:false,
        format: 'yyyy-mm-dd'
    });*/
	var start = 0;
	var changeImg = function (dir) {
		var now = start + dir;
		if (now < 0)
			now = $('.scene-pic').length-1;
		if (now >= $('.scene-pic').length)
			now = 0;
		$('.scene-pic:eq('+start+')').animate({opacity:0}, function() {
			$('.scene-pic:eq('+start+')').addClass('hidden');
			$('.scene-pic:eq('+now+')').removeClass('hidden');
			$('.scene-pic:eq('+now+')').animate({opacity:1});
			start = now;
		});
	}
    window.setInterval("changeImg(1)",3000);
    $(".xlkm-book .book-exit").click(function(){
        $(".xlkm-book").addClass("hidden");
    });
    $("#book").click(function(){
        $(".xlkm-book").removeClass("hidden");
    });
    $("#share").click(function(){
        $(".xlkm-share").removeClass("hidden");
    });
    $(".xlkm-share .cancel").click(function(){
        $(".xlkm-share").addClass("hidden");    
    });
    $(document).ready(function(){
        $(".bdsharebuttonbox a").css({"background-size":"50px","background-position":"center","width":"25%","height":"50px","margin":"0","margin-top":"28px"})
    })
</script>
<script>
  $('#send').click(function(){
    $.ajax({
      type: "GET",
      url: "http://xiaoluqiaomen.jd-app.com/add",
      data: {
        name:window.encodeURI($("#name").val()),
        mobile:$("#phone").val(),
        date:$("#datepicker").val(),
        time:'',
        number:'',
        requirement:'',
        house:window.encodeURI('崇文金城')
      },
      dataType: "json",
      success: function(data){
      }
    });
    $(".xlkm-book").addClass("hidden");
  });
</script>
</html>
